<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Encuestas - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
			
				<h:form>
					<h3>
						<h:outputText value="Ingreso de Encuestas"/>
					</h3>
					<br/>
					<h:panelGroup id="proyecGroup">
							
							<rich:panel header="Encuesta" style="width: 725px; height: 550px;">
						
								<br/>
								
								<rich:dataTable id="tablaProyectos" style="width: 100%;" value="#{encuestas.listaProyectos}" var="proyectosLis" noDataLabel="No se han ingresado proyectos" rows="11">
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Nombre" />
										</f:facet>
										<h:outputText value="#{proyectosLis.nombre}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Descripci&#243;n " />
										</f:facet>
										<h:outputText value="#{proyectosLis.descripcion}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="Jefe Proyecto" />
										</f:facet>
										<h:outputText value="#{proyectosLis.jefeProyecto.nombreUsuario}" />
									</rich:column>
									<rich:column>
										<f:facet name="header">
												<h:outputText value="Opciones" />
											</f:facet>
											<a4j:commandLink actionListener="#{encuestas.ediatrEncuesta(proyectosLis)}" oncomplete="#{rich:component('modalEncuesta')}.show(); return false;" render="panelIngresoEn">
												<h:graphicImage value="/images/info.png" width="20px" height="20px" title="Igresar Link"/>
											</a4j:commandLink>
																			<h:outputText value="&#160;&#160;&#160;"/>
																					
										</rich:column>
									
								</rich:dataTable>
								<rich:dataScroller id="scrollEncProyecto" for="tablaProyectos" maxPages="10"/>
						
							</rich:panel>
						</h:panelGroup>
				</h:form>
				
				
				<rich:popupPanel id="modalEncuesta" modal="true" autosized="true">
				 
					<f:facet name="header">
						<h:outputText value="Ingreso de Encuesta" />
					</f:facet>
					 <h:form>
						<a4j:outputPanel id="panelIngresoEn" >
							<h:panelGrid columns="2">
								<h:outputText value="Link:"/>
								<h:panelGroup>
									<h:inputTextarea id="linkEncuesta" value="#{encuestas.linkIngre}" rows="3" cols="40" >
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputTextarea>
									<rich:message ajaxRendered="true" for="linkEncuesta"/>
								</h:panelGroup>
								
							</h:panelGrid>
							<br/>
							<a4j:commandButton value="Guardar" action="#{encuestas.guardarEncuesta}" 
											   render="proyecGroup" data="#{facesContext.maximumSeverity.ordinal ge 2}" 
							                   execute="@form" oncomplete="ocultarModal('modalEncuesta', event.data);"/>
						
							<a4j:commandButton value="Cancelar" action="#{encuestas.cancelar}" 
							                   oncomplete="#{rich:component('modalEncuesta')}.hide(); return false;" 
							                   render="panelIngresoEn" immediate="true"/>
						</a4j:outputPanel>
					</h:form>
				</rich:popupPanel>
				
				
			</ui:define>
		</ui:composition>
	
</html>